<template>
  <div class="detail">
    <!-- 左侧导航 -->
    <el-aside width="200px" class="aside">
      <el-menu
        :default-active="$route.path"
        exact
        class="el-menu-vertical-demo"
        text-color="#fff"
        active-text-color="#ffd04b"
        background-color="#545c64"
        router
      >
        <NavItem v-for="v in items" :key="v.url" :item="v" :basePath="v.url" />
      </el-menu>
    </el-aside>
  </div>
</template>

<script>
import NavItem from "./NavItem";
export default {
  name: "Nav",
  data() {
    return {
      items: [
        // {
        //   name: "首页",
        //   url: "/index",
        // },
        // {
        //   name: "数据统计",
        //   url: "/stats",
        // },
        // {
        //   name: "信息管理",
        //   url: "/wms",
        //   child: [
        //     {
        //       name: "列表展示",
        //       url: "/wms/list",
        //     },
        //     {
        //       name: "图标展示",
        //       url: "/wms/ech",
        //     },
        //   ],
        // },
        // {
        //   name: "用户管理",
        //   url: "/user",
        //   child: [
        //     {
        //       name: "用户统计",
        //       url: "/user/list",
        //     },
        //   ],
        // },
      ],
    };
  },
  mounted() {
    this.handleLogin();
  },
  methods: {
    getNav() {
      this.$http.get("/get_nav").then((res) => {
        console.log(res);
        let { code, msg } = res.data;
        if (code == "200") {
          this.items = result;
        }
      });
    },
  },
  components: {
    NavItem,
  },
};
</script>

<style  lang="less" scoped>
</style>
